<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>TK科技首页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_710010_omwfsh28la.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
	</head>
	<body>
		<div class="tk_shouye">
			<header>
				<div id="001">
				<div class="top">
					<p class="tel">全国服务热线：400-000-0000</p>
					<p class="set"><a href="">设为首页</a></p>
					<p class="add"><a href="">加入收藏</a></p>
				</div>
				<div class="danghang">
					<img class="logo" src="img/logo.jpg" alt="" />
					<div class="gongsi">
						<h1 class="name">TK科技有限公司</h1>
						<p class="enmane">cer dcd keo Holdings Co., Ltd.</p>
					</div>
					<ul class="daohang_ul">
						<li class="daohang_lei">
							<a href="TKshouye.html">首页 Home</a>
						</li>
						<li class="daohang_lei">
							<a href="">关于我们 About</a>
						</li>
						<li class="daohang_lei">
							<a href="pro.html" target="_blank">产品中心 Product</a>
						</li>
						<li class="daohang_lei">
							<a href="">服务支持 Service</a>
						</li>
						<li class="daohang_lei">
							<a href="">新闻中心 News</a>
						</li>
						<li class="daohang_lei">
							<a href="">在线商店 Shop</a>
						</li>
						<li class="daohang_lei">
							<a href="" id="cont">联系我们 Contact Us</a>
						</li>
					</ul>
				</div>
				</div>
			</header>
			<section>
				<div class="kt">
					<div class="swiper-container">
					    <div class="swiper-wrapper">
						    <div class="swiper-slide"><img src="img/kt.png" alt="" /></div>
						    <div class="swiper-slide"><img src="img/kt.png" alt="" /></div>
						     <div class="swiper-slide"><img src="img/kt.png" alt="" /></div>
					     </div>
    						<!-- Add Pagination -->
					    	<div class="swiper-pagination"></div>
					  	</div> 
					  	<script src="js/swiper-4.3.3.min.js" type="text/javascript">
			
						</script>
								 <!-- Initialize Swiper -->
						  <script>
						    var swiper = new Swiper('.swiper-container', {
						   	  autoplay:true,
						      pagination: {
						        el: '.swiper-pagination',
						 
						      },
						    
						    });
						       for(i=0;i<swiper.pagination.bullets.length;i++){
						          swiper.pagination.bullets[i].index=i
						          swiper.pagination.bullets[i].onmouseover=function(){
						          swiper.slideTo(this.index);
						     		};
						 		} 
						  </script>
				</div>
				<div class="dongtai">
					<div class="new">
						<div class="kuai">
							<img class="tu" src="img/new.jpg" alt="" />
							<h2 class="chinese">新闻中心</h2>
							<h2 class="en">NEWS.CENTER</h2>
						</div>
						<div class="new_bottom">
							<h3 class="new_h3">CeBIT 2015</h3>
							<div class="new_photo">
								<img src="img/01.png" alt="" />
							</div>
							<p class="new_jieshao">
								创新ICT共建全联接
								世界德国汉诺威展览
								中心<br />
								3月16日-20日
							</p>
							<ul class="new_ul">
								<li id="li1"> <img src="img/dian.jpg" alt="" />上海国际智能建筑展览会</li>
								<li> <img src="img/dian.jpg" alt="" />2014德国柏林国际消费类电子产品展览会</li>
								<li> <img src="img/dian.jpg" alt="" />2014中国（贵阳）公告安全防范产品博览会</li>
							</ul>
							
						</div>
					</div>
					<div class="new">
						<div class="kuai" id="green">
							<img class="tu" src="img/pro.jpg" alt="" />
							<h2 class="chinese">新闻中心</h2>
							<h2 class="en">NEWS.CENTER</h2>
						</div>
						<img  id="left" src="img/left.png" alt="" />
						<div class="pro">
							<img src="img/03.jpg" alt="" />
						</div>
						<img id="right" src="img/right.png" alt="" />
						<h3 class="pro_name">s6213w-y</h3>
						<h4 class="tedian">海思3518E方案，多码流技术，百万高清</h4>
					</div>
					<div class="new">
						<div class="kuai" id="zise">
							<img class="tu" src="img/pinpai.jpg" alt="" />
							<h2 class="chinese">新闻中心</h2>
							<h2 class="en">NEWS.CENTER</h2>
						</div>
						<div class="img_info">
							<img src="img/6.png" alt="" />
						</div>
						<i class="iconfont icon-yinhao iconcolor"></i>
						<i class="iconfont icon-shangyinhao iconcolor"></i>
						<h4 class="wen">"siepem"品牌是广州市TK科技有限公司推出的自有品牌</h4>
					</div>
				</div>
				<div class="aboutus">
					<h2 class="title_c">关于我们</h2>
					<h3 class="title_en">STORE DISPLAY</h3>
					<div class="about">
						<p class="about_gongsi">
							  广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。  
  							 TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品
                                                                           持续为客户创造最大价值
						</p>
						<div class="pro_img">
							<div class="pro_img2">
								<img class="tupian" src="img/11.png" alt="" />
							</div>
							
						
							<div class="pro_img1">
								<img class="tupian" id="09png" src="img/9.png" alt="" />
							</div>
							<div class="pro_img1">
								<img class="tupian" src="img/3.png" alt="" />
							</div>
			
							<div class="pro_img1">
								<img class="tupian" src="img/10.png" alt="" />
							</div>
							<div class="pro_img3">
								<img class="tupian" src="img/12.png" alt="" />
							</div>
						
						</div>
					</div>
				</div>
				<div class="contact">
					<div class="lianxi">
						<h2 class="title_c" id="cs">联系我们</h2>
						<h3 class="title_en" id="csen">STORE DISPLAY</h3>
					</div>
					<div class="juti">
						<div class="left">
							<div class="weixinsaoma">
								<div class="code">
									<img src="img/code.png" alt="" />
								</div>
								<p class="p1">微信扫一扫</p>
								<p class="p2">关注我们的相关信息</p>
							</div>
							<ul class="cont_method">
								<li>
									<i class="iconfont icon-rexiandianhua iconsize"></i>
									服务热线：400-000-0000
								</li>
								<li>
									<i class="iconfont icon-ren iconsize"></i>
									联  系  人：某先生
									
								</li>
								<li>
									<i class="iconfont icon-gongsiyouxiang iconsize"></i>
									公司邮箱：www.tk.com
								</li>
								<li>
									<i class="iconfont icon-chuanzhen iconsize"></i>
									公司传真：000-12345678
								</li>
								<li>
									<i class="iconfont icon-youzhengbianma iconsize"></i>
									邮政编码：467000
								</li>
								<li>
									<i class="iconfont icon-dingwei iconsize"></i>
									公司地址：广州市某某区某某路某号
								</li>
							</ul>
							<div class="map">
								<img src="img/14.png" alt="" />
							</div>
						</div>
						<div class="right">
							<form action="" method="post">								
								<ul>
									<li>
										<p class="xinxi">昵称</p>
										<input type="text" />
									</li>
									<li>
										<p class="xinxi">联系电话</p>
										<input type="text" />
									</li>
									<li>
										<p class="xinxi">电子邮箱</p>
										<input type="text" />
									</li>
									<li>
										<p class="xinxi">内容</p>
										<textarea name="neirong" >
											
										</textarea>
									</li>
								</ul>
								<input type="submit" id="tijiao" name="tijiao" value="提交" />
							</form>
						</div>
					</div>
				</div>			
			</section>
			<footer>
				<div id="002">
				<div class="blue">
					<p class="guanzhu">
						<span>
							关注我们：
						</span>
						<i class="iconfont icon-icoweibo iconcon"></i>
						<i class="iconfont icon-qq iconcon"></i>
						<i class="iconfont icon-xiangmulan-weixinhao iconcon"></i>
						
					</p>
					<ul class="lianjie" type="disc">
						<li id="shouye"><a href="index.html">网站首页</a></li>
						
						<li><a href="">· 动态新闻  ·</a></li>
						<li><a href=""> 关于我们  ·</a></li>
						<li><a href=""> 团队风采 ·</a></li>
						<li><a href=""> 联系我们 ·</a></li>
						<li><a href="">在线留言</a></li>
					</ul>			
				</div>
				<div class="black">
					<p>©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
				</div>
				</div>
			</footer>
		</div>
	</body>
</html>
